<template>
  <div>
    <table style="border: 1px #c4c4cf solid; width: 100%" rules="all">
      <thead style="">
        <tr style="background-color: #ecf5ff; height: 40px">
          <td class="border" style="border-radius: 10px" colspan="7">
            <h1>学校基本信息</h1>
          </td>
        </tr>
      </thead>
      <tbody class="m-body">
        <tr>
          <!-- <td class="border" rowspan="5">
            <img style="width: 100px" src="@/assets/logo.png" alt="" />
          </td> -->
          <td class="border lable">公安监管代码</td>
          <td class="border lable-item">
            {{ schoolData.gajgdwbm ? schoolData.gajgdwbm : "-" }}
          </td>
          <td class="border lable">统一社会信用代码</td>
          <td class="border lable-item">
            {{ schoolData.tyshxydm ? schoolData.tyshxydm : "-" }}
          </td>
          <td class="border lable">单位名称</td>
          <td class="border lable-item">
            {{ schoolData.dwmc ? schoolData.dwmc : "-" }}
          </td>
        </tr>
        <tr>
          <td class="border lable">单位类型</td>
          <td class="border lable-item">
            {{ schoolData.dwlx ? schoolData.dwlx : "-" }}
          </td>
          <td class="border lable">行政区域</td>
          <td class="border lable-item">
            {{ schoolData.xzqydm ? schoolData.xzqydm : "-" }}
          </td>
          <td class="border lable">所属派出所</td>
          <td class="border lable-item">
            {{ schoolData.department_name ? schoolData.department_name : "-" }}
          </td>
        </tr>
        <tr>
          <td class="border lable">实际办公地址</td>
          <td class="border lable-item">
            {{ schoolData.sjdz ? schoolData.sjdz : "-" }}
          </td>
          <td class="border lable">法制副校长</td>
          <td class="border lable-item">
            {{ schoolData.fzfxz ? schoolData.fzfxz : "-" }}
          </td>
          <td class="border lable">法人代表姓名</td>
          <td class="border lable-item">
            {{ schoolData.fddbrxm ? schoolData.fddbrxm : "-" }}
          </td>
        </tr>
        <tr>
          <td class="border lable">法人代表手机号</td>
          <td class="border lable-item">
            {{ schoolData.fddbrlxfs ? schoolData.fddbrlxfs : "-" }}
          </td>
          <td class="border lable">法人代表证件号码</td>
          <td class="border lable-item">
            {{ schoolData.fddbr_zjhm ? schoolData.fddbr_zjhm : "-" }}
          </td>
          <td class="border lable">注册地址</td>
          <td class="border lable-item">
            {{ schoolData.zcdz ? schoolData.zcdz : "-" }}
          </td>
        </tr>
        <tr>
          <td class="border lable">经度</td>
          <td class="border lable-item">
            {{ schoolData.sjdz_dqjd ? schoolData.sjdz_dqjd : "-" }}
          </td>
          <td class="border lable">纬度</td>
          <td class="border">
            {{ schoolData.sjdz_dqwd ? schoolData.sjdz_dqwd : "-" }}
          </td>
          <td class="border lable">登记机关</td>
          <td class="border">
            {{ schoolData.djjg ? schoolData.djjg : "-" }}
          </td>
        </tr>
        <tr>
          <td class="border lable">登记状态</td>
          <td class="border lable-item">
            {{ schoolData.djzt ? schoolData.djzt : "-" }}
          </td>
          <td class="border lable">成立日期</td>
          <td class="border">
            {{ schoolData.clrq ? schoolData.clrq : "-" }}
          </td>
          <td class="border lable">实际在校人数</td>
          <td class="border">
            {{ schoolData.sjzxrs ? schoolData.sjzxrs : "-" }} 人
          </td>
        </tr>
        <tr>
          <td class="border lable">备注信息</td>
          <td class="border lable-item">
            {{ schoolData.remark ? schoolData.remark : "-" }}
          </td>
          <td class="border lable"></td>
          <td class="border"></td>
          <td class="border lable"></td>
          <td class="border"></td>
        </tr>
      </tbody>
      <!-- <tfoot>
        <tr style="background-color: #ecf5ff; height: 40px">
          <td class="border" colspan="7">
            <h1>备注信息</h1>
          </td>
        </tr>
        <tr style="height: 40px">
          <td class="border" colspan="7">
            <p>暂无备注信息</p>
          </td>
        </tr>
      </tfoot> -->
    </table>
  </div>
</template>
<script>
export default {
  name: "APP",
  components: {},
  data() {
    return {
      // schoolData: {
      //   schoolImgSrc: "@/assets/logo.png",
      //   schoolName: "廊坊市第一中学",
      //   schoolType: "中学",
      //   CreditCode: "3113001722",
      //   schoolPhone: "0316-5326699",
      //   representativeName: "何小强 ",
      //   nationality: "中国",
      //   schoolAdress: "廊坊市安次区北史家务镇",
      //   ResponsibleName: "文壮翔",
      //   ResponsiblePhone: "16636665656",
      //   idCardType: "身份证",
      //   representativePhone: "16636669696",
      //   LegalPersonIdCard: "352622195810170438",
      //   policeStation: "北史家务派出所",
      // },
    };
  },
  props: {
    schoolData: {
      type: Object,
      default: null,
    },
  },
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style lang="scss" scoped>
.border {
  height: 50px;
  font-size: 14px;
  // border: 1px red solid;
}
thead {
  height: 25px;
  width: 300px !important;
  position: relative;
}
table {
  // border-radius: 10px;
  // border: 1px solid #000;
  border: 1px solid red;
}
.lable {
  font-weight: bold;
  color: #13213b;
  font-size: 14px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
}
.lable-item {
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #13213b;
}
table th {
  border-left: none;
}

table th:first-child {
  border-left: 1px solid #c4c4cf;
}

table td {
  border-bottom: 1px solid #c4c4cf;
  // border-bottom: 1px solid red;
  // border-top: 1px solid red;
  // border-radius: 10px;
}

table td:first-child {
  border-left: 1px solid #c4c4cf;
  // border-left: 1px solid red;
}
.footer {
  // border: 1px red solid;
  // background-color: red;
  width: 300px !important;
  position: relative;
}
.header {
  // border: 1px red solid;
  background-color: #ecf5ff;
  width: 100%;
  position: absolute;
}
.headers {
  // border: 1px red solid;
  background-color: #ecf5ff;
  width: 80%;
  position: absolute;
}
</style>
